Please address the comments from this code review:

## Overall Comments
- The `requestAnimationFrame` loop in the selection-restoration `useEffect` runs continuously even when there is no selection, which could be expensive; consider only scheduling it while a range exists or when `selecting` is true, and stopping when there is nothing to restore.
- Using `document.caretRangeFromPoint` in `handleLogMouseDown` may cause compatibility issues because it is deprecated and not supported in all browsers; it would be safer to feature-detect and fall back to the standard `document.caretPositionFromPoint`/`getSelection` APIs where available.

## Individual Comments

### Comment 1
<location path="src/pages/standalone/game-log.tsx" line_range="342-348" />
<code_context>
+  useEffect(() => {
+    let rafId: number;
+
+    const loop = () => {
+      rafId = requestAnimationFrame(() => {
+        const { range, selecting } = logSelectionStateRef.current;
+        const sel = window.getSelection();
+
+        if (!range || !sel || selecting) {
+          loop();
+          return;
+        }
</code_context>
<issue_to_address>
**suggestion (performance):** Avoid an always-on requestAnimationFrame loop when no selection exists

This effect creates a continuous `requestAnimationFrame` loop even when `range` is null, so the selection restoration logic runs every frame for the lifetime of the page. To avoid unnecessary work, only schedule new frames while there is an active selection (or `selecting` is true), and stop re-calling `loop()` once `range` is null and `selecting` is false.

Suggested implementation:

```typescript
  useEffect(() => {
    let rafId: number;

    const loop = () => {
      rafId = requestAnimationFrame(() => {
        const { range, selecting } = logSelectionStateRef.current;
        const sel = window.getSelection();
        const hasSelection = !!sel && sel.rangeCount > 0;

        // If there's no DOM selection and we're not in an active selection
        // gesture, stop scheduling new frames.
        if (!hasSelection && !selecting) {
          return;
        }

        // While there is an active selection gesture or we don't yet have a
        // restorable range/selection, keep polling.
        if (!range || !sel || selecting) {
          loop();
          return;
        }

        // Restore the selection range.
        sel.removeAllRanges();
        sel.addRange(range);

        // Continue polling while a selection still exists.
        loop();
      });
    };

    loop();

    return () => {
      if (rafId !== undefined) {
        cancelAnimationFrame(rafId);
      }
    };
  }, []);

```

If `logSelectionStateRef` or the selection-restoration behavior depends on additional state (e.g. props or other refs), you may need to:
1. Add those dependencies to the `useEffect` dependency array instead of `[]`.
2. Ensure that `logSelectionStateRef.current.selecting` is set to `false` when the user completes or cancels a selection; otherwise the loop will continue polling as if a selection gesture were still active.
</issue_to_address>